@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;500;600&display=swap");

html {
  scroll-behavior: smooth;
}

.hero{
  text-align: center;
}

.head {
  text-align: center;
  font: normal normal bold 40px/43px Ubuntu;
  letter-spacing: 0px;
  color: #ffffff;
}

.card-title {
  font: normal normal bold 20px/27px Ubuntu;
  letter-spacing: 0.4px;
  color: #484848;
  display: block;
  height: 20px;
}

.jumbotron.banner{
  background: #f1f6fa;
  height: 200px;
  vertical-align: center;
  margin-bottom: -2rem;
}

.padding-bottom {
  padding-bottom: 4.25rem;
}

.not-found-result-text {
  text-align: center;
  font: normal normal bold 25px/34px Ubuntu;
  letter-spacing: 0.5px;
  color: #7d7d7d;
  opacity: 1;
}

.no-results{
  margin-bottom: 20rem;
}

@media only screen and (max-width: 1000px) {
  .jumbotron.banner {
    height: 180px;
  }

  .mobile-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .categories-column{
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .head {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 800px) {
  .jumbotron.banner {
    height: 170px;
    background-position: 85%;
  }
  .hero {
    font: normal normal bold 25px/34px Ubuntu;
    letter-spacing: 0.5px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .head {
    font-size: 20px;
  }
}